/* .bgMuseum {height: 360px ;  display: table;width: 100%; text-align: center;} */
.bgMuseum01 {background: url("../images/museum/bgHistoryMuseum01.jpg") 50% 0; color: #fff; }
.bgMuseum02 {background: url("../images/museum/bgHistoryMuseum02.jpg") 50% 0; color: #333; }
.bgMuseum {background-size:cover; width:100%;}
.bgMuseum dl {padding:60px;text-align:center;}
.bgMuseum dl dt {font-size: 32px;font-weight: 500;margin-bottom: 20px;}
.bgMuseum dl dd {font-size:15px; font-weight:400;opacity:0.6;line-height:2;}
/* .bgMuseum dl {display: table-cell;vertical-align: middle;}
.bgMuseum dl dt {font-size: 32px;font-weight: 500;margin-bottom: 20px;}
.bgMuseum dl dd {opacity: 0.6;} */
.museumBox {padding: 20px 0;}
.museumBox .museumCon {width: 100%;}
.museumBox li {float: left; text-align: center;width: 25%;padding: 5px; }
.museumBox li .imgBox {display: block;}
.museumBox li img {width: 100%;}
.museumBox li.big {float: left; width: 50%; }
.museumBox li.big .imgBox { overflow: hidden;}
.museumBox li .title {height: 50px;line-height: 50px; border: 1px solid #d9d9d9;display: block;font-size: 14px;width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.museumBox .museumCon03 .big {float: right;}

.subMainVisual {width:100%;background:url("../kor/images/contents/philosophyMain.jpg") no-repeat;}
.subMainVisual dl {}
.subMainVisual dl dt {}
.subMainVisual dl dd {}

/*  */
.imgMask {max-height: 190px;height: 190px;overflow: hidden;}
.btnPopupClose {position: absolute; right:20px; top:20px;}

@media screen and (max-width:640px) {
	.museumBox .museumCon {padding: 5px;}
	.museumBox li.big {float: none; width: 100%; }
	.museumBox li {width: 50%;}
	.bgMuseum {padding: 0 15px;}
	.bgMuseum dl {padding:30px 0px;}
	.bgMuseum dl dd {padding-to p:10px; font-size:13px; line-height:1.5;}
	.bgMuseum dl dt {font-size: 20px;}

}